const list = [
  { id: 1001, name: 'vue' },
  { id: 1002, name: 'react' },
  { id: 1003, name: 'angular' },
  { id: 1004, name: 'backbone' },
  { id: 1005, name: 'ember' }
]
const isLogin = true
function App () {
  return (
    <div className="App">
      <ul>
        {list.map(item => <li key={item.id}>{ item.name }</li>) }
      </ul>
      {isLogin ? <p>已登录</p> : <p>未登录</p>}
      {isLogin && <p>已登录</p>}
    </div>
  );
}

export default App;
